<!-- 引入头部 -->
<include file="Index/header" />
<script type="application/javascript" src="__PUBLIC__/js/home/index.js"></script>
<script type="application/javascript" src="__PUBLIC__/js/home/endlesspage.js"></script>
    
<script type="application/javascript" src="__PUBLIC__/js/right-tools/popwin.js"></script>
<!-- 引入tasklist界面转有js -->
<script type="application/javascript" src="__PUBLIC__/js/tasklist/tasklist.js"></script>
<link rel="stylesheet" href="__PUBLIC__/css/tasklist/style.css">

<link rel="stylesheet" href="__PUBLIC__/css/right-tools/zzsc.css">
 
<body>
<!-- 引入第三方登录页面 -->
<include file="common/login4tasklist" />

 <!-- 网站简介 -->
<div class="jumbotron" style="background: #f0efef;">
    <center>
        <p>好记性不如烂笔头<small style="font-size: 14px;">— 俗语</small></p>
      <footer class="text-right"></footer>
    </center>
</div>
 
   <div class="container">
    <ul class="nav nav-tabs" id="myTab"> 
      <li class="active"><a href="#new" id="new-things">未完事项</a></li> 
      <li id="complete"><a href="#complete-tab" id="compalte-things">已完成事项</a></li> 
      <li id="move2Recycle" class="smaller450noshow"><a href="#recycle">回收站</a></li> 
      <li class="smaller450noshow"><a href="#settings">设置</a></li> 
    </ul> 
       
    <div class="tab-content" style="margin:20px;">
      <div class="tab-pane" id="new">
          <div class="container">
              <div class="row">
                 <div class="col-md-12 col-sm-12 col-xs-12">
                  <form class="form-horizontal" 
                        onkeydown="if(event.ctrlKey&&event.keyCode==13) { saveTaskMsg(this); }" method="post">  
<!--                      这一列是一个新增事项的输入框 -->
                      <div class="row">
                          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <input type="text" name="task_msg" id="task_msg_id" class="form-control input-lg" 
                                   placeholder="输入新事项按Ctrl+Enter键即可保存">
                              <font color="red" id="showErrorInfo"></font>
                          </div>
                        </div>
                    </form>   
                 </div>
                  
              </div> <!-- row -->
              
              <!-- ajax显示新增的任务 -->
              <div id="result"></div>
              
              
              <volist name="newList" id="vo2">

                  <div class="row my-row-style" onmouseover="showBorder(this);" onmouseout="removeClass(this);">
    					<!-- 这列显示未完成的事项 -->
                      <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10" title="发布时间：{$vo2.record_time|substr=###,0,16}">
                          {$vo2.task_msg}
                      </div>

                      <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                              <span class="glyphicon glyphicon-ok" onmouseover="zoomPic(this);" 
                                onmouseout="removeClass(this);" id="show" onclick="move2Complete(this, {$vo2.id});"></span>
                              &nbsp;
                              <span class="glyphicon glyphicon-remove" onmouseover="zoomPic(this);" 
                                onmouseout="removeClass(this);" id="show" onclick="move2Recycle(this, {$vo2.id});"></span>
                      </div>
                  </div>

              </volist>
          </div>
          
      </div> 
      <div class="tab-pane" id="complete-tab">
          <volist name="completeList" id="vo2">
             <div class="row my-row-style">
                 <div class="col-lg-10 col-md-12 col-sm-12 col-xs-12" title="发布时间：{$vo2.record_time|substr=###,0,16}">
                      {$vo2.task_msg}
                  </div>
             </div>
          </volist>
      </div> 
      <div class="tab-pane" id="recycle">
        <volist name="deleteList" id="vo2">
             <div class="row my-row-style">
                 <div class="col-lg-10 col-md-12 col-sm-12 col-xs-12" title="发布时间：{$vo2.record_time|substr=###,0,16}">
                      {$vo2.task_msg}
                  </div>
             </div>
          </volist>
      </div> 
      <div class="tab-pane" id="settings">settings</div> 
    </div> 

</div> <!-- /container -->
     
</body>

<!-- 引入尾部 -->
<include file="footer" />
